<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.js"></script>
<link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath}/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath}/css/base.css" rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath}/css/reg.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/headbott.css" type="text/css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/ace.min.css" type="text/css" />
</head>

<body>
	<div id="header">
		<div class="heade-con">
			<div class="logo">
				<a href=""><img src="${pageContext.request.contextPath}/images/LOGO.png" /></a>
			</div>
			<div class="nav posa">
				<ul>
					<li><a class="vcolor" href="${pageContext.request.contextPath}/index.jsp">首页</a></li>
					<li><a href="${pageContext.request.contextPath}/view/gyzc-list.jsp">公益众筹</a></li>
					<li><a href="${pageContext.request.contextPath}/view/cop.jsp">常见问题</a></li>
					<li><a href="${pageContext.request.contextPath}/view/ly-list.jsp">众筹资讯</a></li>
					<li><a href="${pageContext.request.contextPath}/view/new_info.jsp" style="">发布项目</a></li>
				</ul>
			</div>
			<div class="search">
				<form action="">
					<input type="text" class="search-txt" value="找项目"> <input
						type="submit" class="search-but" value="">
				</form>
			</div>
			<div class="index-login">
				<a href="${pageContext.request.contextPath}/login.jsp">登录</a> <a class="index-login1" href="">注册</a>
			</div>
		</div>
	</div>
	<div class="login-container">

		<div class="space-6"></div>

		<div class="position-relative">
			<div id="signup-box" class="signup-box widget-box no-border">
				<div class="widget-body">
					<div class="widget-main">
						<h4 class="header green lighter bigger">
							<i class="ace-icon fa fa-users blue"></i> 用户注册
						</h4>
						<div class="space-6"></div>
						<p>填写信息:</p>
						<form method="post" action="${pageContext.request.contextPath}/login/add">
							<fieldset>
								<label class="block clearfix"> <span
									class="block input-icon input-icon-left"> 
										<input type="text" class="form-control" name="ipone" placeholder="手机号码" id="i1" /> <i
										class="ace-icon fa fa-envelope" ></i>
								</span>
								</label> <label class="block clearfix"> <span
									class="block input-icon input-icon-left"> <input
										type="text" class="form-control" name="name" placeholder="用户名" id="i2"/> <i
										class="ace-icon fa fa-user"></i>
								</span>
								</label> <label class="block clearfix"> <span
									class="block input-icon input-icon-left"> <input
										type="password" class="form-control" name="password" placeholder="密码最低六位数" id="i3"/> <i
										class="ace-icon fa fa-lock" ></i>
								</span>
								</label> <label class="block clearfix"> <span
									class="block input-icon input-icon-left"> <input
										type="password" class="form-control" name="password1" placeholder="确认密码" id="i4"/> <i
										class="ace-icon fa fa-retweet"></i>
								</span>
								
								</label>
								<!--验证码-->
								<label class="block clearfix"> <span> <input id="yzm"  disabled="disabled"
										type="text" class="" name="yanzzhengma"  placeholder="验证码"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										<button class="btn btn-default">
											<a >点击获取验证码</a>
										</button>
								</span>
								</label> <label class="block"> <input type="checkbox"
									class="ace" /> <span class="lbl"> 接受 <a href="#">用户协议</a>
								</span>
								</label>

								<div class="space-24"></div>

								<div class="clearfix">
									<button type="reset" class="width-30 pull-left btn btn-sm">
										<i class="ace-icon fa fa-refresh"></i> <span
											class="bigger-110">重置</span>
									</button>

									<button type="submit" id="zc" 
										class="width-65 pull-right btn btn-sm btn-success">
										<span class="bigger-110">注册</span> <i
											class="ace-icon fa fa-arrow-right icon-on-right"></i>
									</button>
								</div>
							</fieldset>
						</form>
						<!--第三方-->
						<div class="social-or-login center">
							<span class="bigger-110">第三方登录</span>
						</div>

						<div class="space-6"></div>

						<div class="social-login center">
							<a href="www.weixin.com"> <img src="${pageContext.request.contextPath}/images/weixin.png">
							</a> <a href="www.qq.com"> <img src="${pageContext.request.contextPath}/images/qq.png">
							</a> <a href="www.xinlang.com"> <img src="${pageContext.request.contextPath}/images/sina.png">
							</a>
						</div>
					</div>

					<div class="toolbar center">
						<a href="${pageContext.request.contextPath}/login.jsp" data-target="#login-box"
							class="back-to-login-link"> <i
							class="ace-icon fa fa-arrow-left"></i> 返回登录
						</a>
					</div>
				</div>
				<!-- /.widget-body -->
			</div>
		</div>
	</div>
	</div>
	<div id="bottom">
		<div class="bottom-ggt">
			<a href=""><img src="${pageContext.request.contextPath}/images/bottbom_68.jpg" alt="" /></a>
		</div>
		<div class="zc-yqlink">
			<ul>
				<li><a href="">阿里巴巴集团</a></li>
				<li><a href="">淘宝网</a></li>
				<li><a href="">天猫</a></li>
				<li><a href="">聚划算</a></li>
				<li><a href="">全球速卖通</a></li>
				<li><a href="">阿里巴巴国际交易市场</a></li>
				<li><a href="">1688</a></li>
				<li><a href="">阿里妈妈</a></li>
				<li><a href="">阿里旅行</a></li>
				<li><a href="">阿里云计算</a></li>
				<li><a href="">阿里巴巴集团</a></li>
				<li><a href="">淘宝网</a></li>
				<li><a href="">天猫</a></li>
				<li><a href="">聚划算</a></li>
				<li><a href="">全球速卖通</a></li>
				<li><a href="">阿里巴巴国际交易市场</a></li>
				<li><a href="">1688</a></li>
				<li><a href="">阿里妈妈</a></li>
				<li><a href="">阿里云计算</a></li>
			</ul>
		</div>
		<div class="footer-bd">

			<a href=" ">关于淘宝</a> <a href=" ">合作伙伴</a> <a href=" ">营销中心</a> <a
				href=" ">廉正举报</a> <a href=" ">联系客服</a> <a href=" ">开放平台</a> <a
				href=" ">诚征英才</a> <a href=" ">联系我们</a> <a href=" ">网站地图</a> <a
				href=" ">法律声明</a> <em>© 2003-2015 Taobao.com 版权所有</em><br> <br>
			<span>网络文化经营许可证：<a href=" ">浙网文[2013]0268-027号</a></span> <b>|</b> <span
				data-spm-protocol="i">增值电信业务经营许可证：<a href="">浙B2-20080224-1</a></span>
			<b>|</b> <span>信息网络传播视听节目许可证：1109364号</span> <b>|</b> <span>举报电话:0571-81683755</span>
		</div>
	</div>
</body>


<script type="text/javascript">
	//验证手机号
		$("#i1").blur(function(){


		var ipone = /^[0-9]{11}$/;
		if(ipone.test($("#i1").val())){
			
			$("#s1").remove();
			$("#yzm").removeAttr("disabled");
		}else{
			$("#s1").remove();
			$("#i1").after("<span id ='s1'>手机号不符合规则<span/>");
			$("#s1").css("color","red");
			$("#yzm").attr("disabled","true");
			$("#zc").attr("disabled","true");
		}
		
	});
	
	</script>
	
	
	
	<script type="text/javascript">
	$("#i4").blur(function(){
		var pwd = $("i3").val();
		var pwd1 =$("i4").val();
		if(pwd == pwd1){
			$("#s2").remove();
// 			$("#i1").after("<span id='s1'>符合规则</span>");
// 			$("#s1").css("color","green");
		}else{
			$("#s2").remove();
			$("#i4").after("<span id='s2'>密码输入不正确,请重新输入</span>");
			$("#s2").css("color","red");
			$("#yzm").attr("disable","disabled");
			$("#zc").attr("disabled","disabled");
		}
	});
	
	
	$("#i4").blur(function(){
		
		var pwd = $("#i3").val();
		var pwd1 = $("#i4").val();
		if(pwd == ""){
			$("#s4").remove();
			$("#i4").after("<span id='s4'>密码不能为空</span>");
			$("#s4").css("color","red");
			$("#yzm").attr("disabled","disabled");
		}else{
			$("#s4").remove();
			$("#i4").removeAttr("disabled");
		}
	});
	</script> 
	
	
	
	
</html>
